<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DEMO PLAYER</title>

<!--[if IE]>
<style>
   body{
		background-image:url(../images/base-calle-home3.png);
	}
</style>
<![endif]--> 

<style type="text/css">
	#Videoplayer {
		position: absolute;
		top:45px;
		left:350px;
		z-index: 1;
	}

	#VideoPlayer1 {
		position:absolute;
		z-index:150;
		left:367px;
		top:62px;
	}
	
	#coming_soon_div {
		top:150px;
		left:130px;
		position:absolute;
		z-index:200;
	}

</style>

</head>

<body>
	<div id="reproductor">
    	<div id="Videoplayer">
    		<img src="../images/web-player-iphone.png" width="282" height="522" />
        </div>
        
    </div>
    
    <div id="VideoPlayer1">
    <!--
    	here goes the video-->
    	<iframe width="250" height="490" src="http://www.youtube.com/v/3NTD61QAsPE?loop=1&rel=0&autoplay=1&version=3&controls=0&playlist=3NTD61QAsPE" frameborder="0" allowfullscreen></iframe>
    	
    </div>
    
    <div id="coming_soon_div">
    	<img src="../images/coming_soon.png" width="700" height="225" alt="COMING SOON" />
    </div>
         
</body>
</html>
